import React from 'react'
import './AboutMe.scss'
import IconFont from '../IconFont/IconFont'

export default function AboutMe(props) {
  return (
    <div className='about-me' {...props}>
      <div className='about-item'>
        <div className='title line-clamp'>关于博主</div>
        <div className='desc'>
          <p>个人资料：男，九零后</p>
          <p>爱好: 音乐 动漫 篮球 学习 coding</p>
          <p>IT编程界菜鸟，每天幻想可以通过秃头改变世界。</p>
          <div className='contact'>
            <a href='https://wpa.qq.com/wpa_jump_page?v=3&uin=1253490794&site=qq&menu=yes' target='_blank' rel="noreferrer">
              <IconFont className='icon-qq' type='icon-qq'></IconFont>
            </a>
            <img style={{ width: '120px' }} src='/wx-qrcode.jpg' alt='微信二维码加载失败'></img>
          </div>
        </div>
      </div>
      {/* <div className='about-item'>
        <div className='title'>联系我</div>
        <div className='desc' style={{display: 'flex', flexDirection: 'row', justifyContent: 'flex-start'}}>
          <a href='https://wpa.qq.com/wpa_jump_page?v=3&uin=1253490794&site=qq&menu=yes'>
            <IconFont className='icon-qq' type='icon-qq'></IconFont>
          </a>
          <img style={{width: '100px'}} src='/wx-qrcode.jpg' alt='微信二维码加载失败'></img>
        </div>
      </div> */}
    </div>
  )
}
